<template>
	<view>
		<view class="input-box">
			<view class="icon">
				<image src="../static/index/sousuo.png" mode="aspectFit" class="ipt-image"></image>
			</view>
			<input type="text" value="" placeholder="请输入" class="ipt" placeholder-class="ipt-place" confirm-type="search"/>
		</view>
	</view>
</template>

<script>
	export default {
		name:'search',
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="less" scoped>
.input-box{
	width: 700rpx;
	height: 60rpx;
	margin: 0 auto;
	display: flex;
	align-items: center;
	border: 1rpx solid #ccc;
	border-radius: 15rpx;
	box-shadow: 0 2rpx 2rpx #ccc;
	.icon{
		width: 100rpx;
		height: 100rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		.ipt-image{
			width: 60rpx;
			height: 60rpx;
		}
	}
	.ipt{
		width: 600rpx;
		height: 60rpx;
		
	}
}
</style>
